#baner {
    position:relative;
    height:100px;
    width: 900px;
    margin-left: 50px;
   
}

#baner IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:4;
    border: #ffffff 3px solid;
}

#baner IMG.active {
    z-index:6;
}

#baner IMG.last-active {
    z-index:5;
}
.title2{
    margin-top: 100px;
}
.chung{
    width:1000px;
    height:1750px;
    margin:0px auto;
    background-image:url(bg.jpg);
}
.menu{
    float: left;
    background-position: left top; 
    height: 127px;
    width: 1000px;
    background-image:url("../Images2/nav.jpg");
    margin-top: 27px;
}
.nav li {
    width: 120px;
    float: right; 
    position: relative;
    margin-left: 20px;
    text-align: center;
    margin-top: 17px;
}
.nav a {
    font-family: Times New Roman,sans-serif;
    font-size: 20px;
    text-decoration: none;
    color:white;
    font-style:oblique; 
    display: block;
    padding: 20px 10px 18px 10px;
    text-align: center;
    margin-top: 5px;
}
.nav a:hover {
    background-image: url(Hover.png);
    color: #ffcccc;
}
.nav a:active {
    color: white;
}


.header{
    margin: 0px auto;
    padding-top: -50px;
    margin-top: -30px;
}
.searchform{
    float: left;
    margin-top: 37px;
    margin-left: 10px;
}
.content{ 
    margin: 0px auto;
    width: 1000px;
    background-image: url("bg.jpg");
    
}
.left{
    float: left;
    width: 70%;
    margin-left: 5px;
}
.right{
    float:right;
    width:25%;
    margin-right: 5px;
    }
    .right2{
        
    }
    .t1{
        margin-left: 4px;
    }
.ndleft{
    margin-top: -8px;
    margin-left: -5px;
    
    
    }
   
.ndleft ul{
    margin-left: 5px;   
    margin-top: -5px;   
 
}
.ndleft ul li{
     
    list-style:none;
    position: relative;
    margin-top: 20px;
    
}
.ndleft ul li a{
    margin-top: -22px;
    display: block;
    text-decoration:none;
    color: #cc0000;
    margin-left: 50px;
     
}

.ndleft ul li a:hover{
   
    text-decoration: underline;
}
.ndleft ul li img{
    
    margin-top: -7px;
}
.r1{
   border-style: dotted;
   color:  white;
   margin-left: 5px;
  
}
.r3{
   border-style: dotted;
   color:  white;
   margin-left: -800px;
  
}
.ndleft2{
    margin-top: -35px;
    margin-left: -20px;
    
    
    
    }
.ndleft2 p {
     color:#B22222;  
     padding-left: 12px;
     padding-top: 20px;
    
    }
.ndleft2 p a{
    display: block;
    text-decoration:none;
     color:#8B0000;  
     padding-left: 15px;
     padding-top: 10px;
    
    }
   

.ndleft2 a:hover{
   
    text-decoration: underline;
}
.ndleft2 a img:hover{
     opacity: 0.5;
}
.ndleft2 ul li img{
    margin-left: 50px;
    margin-top: 20px;
}
.r2 {
   border-style: dotted;
   color:  white;
   margin-left: 3px;
   
  
}

.b1{
   margin-left: 5px;
   padding: 0px 10px 0px 20px;    
}
.border{
   border-bottom:dotted #cc0000 2px;
   margin-left: 17px;
  
}
.footer {
    color:#000080;
    clear: both;
    text-align: center ;
    border-top: #ffffff solid 3px;
    background-image: url("bg.jpg");
    margin-top: 200px;
    margin-left: -740px;
}
.row{
    text-decoration: none;
}
.row:hover{
    text-decoration: underline;
}
.pic_view{
    width: 45%;
    float: left;
    padding: 20px 20px 20px 80px;
}
.details{
    float: left;
    width: 40%;
    margin: 100px 0px 20px 40px;
    height: auto;
    font-family: Verdana;
}
.pic_name{
    font-size: 20px;
    color: #8B0000;
    
}
.pic_price{
    margin-top: 10px;
    color: #339900;
}
.swf{
   margin-left: 30px; 
}


 /*       
#menu ul{
list-style: none;
font-family: Arial, san-serif;
font-size: 12px;
padding: 0;
}

#menu ul li{
list-style-type:none;
float:left;
position:relative;
text-decoration:none;
}

#menu ul a{
text-decoration:none;
color:#fff;
display:block;
font-weight:bold;
padding:10px 30px;
}

#menu ul a:hover{
	background-color:#06C;
}

#menu li ul a{

margin-left:-5px;
}

#menu li ul{
background-color:#09F;
position:absolute;
display:none;
width:150px;
}

#menu li li{
width:150px;
}

#menu li:hover ul{
display:block;
}

#header{
	/*background-image:url(web-development-header-banner.jpg);*/
	/*background-repeat:no-repeat;
	height:400px;
        width: 100% ;
	}
        
#content{
	width:100%;
        height: auto;
	}
#side_bar{
            float: left;
            width: 25% ;
            height: 1200px ;
            border-right-style: double  ;
            border-right: 2px solid #06C ;
            box-shadow:  2px rgba(0,200,255,0.5) ;
        }
#center{
	margin-left:5px;
	margin-right:5px;
	width:62%;
	float:left;
	}            

#footer{
        padding-top: 5px;
        color: #ffffff;
        text-align: center;
        background-color: #06C;
	height:30px;
	clear:both;
	}
     

	
*/


